<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>datepicker</title>
		<script type="text/javascript" src="../../js/jquery/jquery.js"></script>
		<script type="text/javascript" src="../../js/jqueryui/jquery-ui-debug.js"></script>
		<script type="text/javascript" src="../../js/ctp/public/ctp.core.js"></script>
		<script type="text/javascript" src="../../js/ctp/public/jsextend.js"></script>
		<script type="text/javascript" src="../../js/ctp/textfield/ctp.ui.textfield.js"></script>
		<script type="text/javascript" src="../../js/ctp/datepicker/ui.datepicker.js"></script>
		<script type="text/javascript" src="../../js/ctp/datepicker/ctp.ui.datepicker.js"></script>
		<script type="text/javascript" src="../../js/ctp/button/ctp.ui.button.js"></script>
		<script type="text/javascript" src="../../js/ctp/panel/ctp.ui.panel.js"></script>

		
		
		<link href="../../css/jquery/ui.core.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/jquery/ui.theme.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/button.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/datepicker.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/panel.css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript">
			var datepicker;
			var datepicker2,datepicker3;
			var textfield;
			$(document).ready(	
				function(){
					panel = new ctp.ui.panel({
						renderTo: $('body'),
						height: '400px'
					});
					textfield = new ctp.ui.textfield({
						width: '900px',
						renderTo: panel
					});
					datepicker = new ctp.ui.datepicker({
						validate:'',
						submit:true,
						dateFormat:'dd/mm/yy',
						renderTo: panel,
						isInput:true,
						width:'100%'
					});
					datepicker2 = new ctp.ui.datepicker({
						validate:'',
						submit:true,
						renderTo: panel, 
						isInput:true,
						width:'100%'
					});
					button1 = new ctp.ui.button({
						renderTo: panel
					})
				}
				
			);
		</script>
	</head>
	<body>
		<div id='aaa' style='width:400px;'></div>
	</body>
</html>